<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<div id="demo"></div>
<script src="${pageContext.request.contextPath }/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
	//layui的使用方法  
	layui.use(['laypage', 'layer'], function(){
	  var laypage = layui.laypage,layer = layui.layer;
	  //完整功能
	  laypage.render({
	    elem: 'demo',//分页组件div的id或者指代div的dom节点对象
	    count: ${page.count},//记录总数  
	    curr:${page.currPage},//当前页码  
	    limit:${page.pageSize},//每页显示多少条 pageSize
	    limits:[3,5,10,15,20],
	    layout: [ 'count','prev', 'page', 'next', 'limit','skip']
	    ,jump: function(obj,first){
	      //obj指当前的分页对象,first代表第一次访问该页面
	      //任何有关换页的操作都会触发此函数，第一次访问的时候也会执行此函数
	 	  //加个跳转--附带两个参数     
	      //alert("这是页面切换");
	      //使用jQuery赋值
	      $("#currPage").val(obj.curr);
	      $("#pageSize").val(obj.limit);
	      if(!first){
	      	//模拟提交条件查询的表单，附带当前页码和显示的条数
	      	$("#queryForm").submit();
	      }
	    }
	  });
	});
</script>